<style>

    label.inline{
        display: inline;
        vertical-align: 1px;
    }
    .block{
        border-bottom: 1px dashed #ddd;
        padding: 10px;
        display: block;
    }
    .block_heading{
        margin-bottom: 15px;
        font-weight: bold;
        text-decoration: underline;
    }
    /*Table*/ 
    div.copy{
        clear: both;
        padding: 5px 0px;
    }
    div.r .num{
        width: 50px;
    }
    div.item_group{
        float: left;
        width: 80px;
    }
    div.item_name{
        float: left;
        width: 130px;
    }
    div.item_gender{
        float: left;
        width: 80px;
    }
    div.item_color{
        float: left;
        width: 110px;
    }
    div.item_more_info{
        float: left;
        width: 200px;
    }
    div.laundry{
        float: left;
        width: 95px;
    }
    div.dry{
        float: left;
        width: 95px;
    }
    div.iron{
        float: left;
        width: 75px;
    }
    div.laundry_dry{
        float: left;
        width: 100px;
    }
    span.delete{
        cursor: pointer; 
        vertical-align: -4px;
        padding-right: 6px;
    }
    div.laundry_dry, span.checkbox_laundry_dry, div.iron{
        display: none;
    }
    .price_small{
        font-size: 12px;
        text-align: center;
        margin-left: 10px;
    }
    a.da-button:hover{
        text-decoration: none;
    }
    #use_service span{
        margin-right: 20px;
    }
    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content{
        width: 300px !important;
    }
</style>

<div class="grid_4">       
    <div class="da-panel">
        <div class="da-panel-header">
            <span class="da-panel-title">
                <img alt="" src="<?php echo $this->themeUrl; ?>/files/theme/images/icons/color/monitor.png">
                Đơn hàng
            </span>
        </div>

        <div id="da-ex-tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
            <?php $this->renderPartial('_tabs')?>
            <div>
                <?php $this->widget('admin.components.widgets.AlertWidget');?>

                <div class="da-message warning">
                    Những chú ý:
                    <ul>
                        <li>Khách hàng không có hoặc không muốn cung cấp số điện thoại thì điền số điện thoại là: 0</li>
                        <li>Chỉ thưởng điểm cho khách hàng sử dụng dịch vụ: Giặt ướt, sấy khô</li>
                        <li>Điểm thưởng chỉ được dùng khi khách hàng tích lũy được từ <?php echo Yii::app()->params->point_use_min?>k trở lên</li>
                    </ul>
                </div>

                <h1 style="margin: 10px 10px 10px 10px">Tạo đơn hàng</h1>


                <?php $form=$this->beginWidget('CActiveForm', array(
                        'id'    =>  'bill-form',
                        'enableClientValidation'=>true,
                        'clientOptions'=>array(
                            'validateOnSubmit'=>true,
                        ),
                        'enableAjaxValidation'=>true,
                        'htmlOptions'=>array(
                            'class' => 'da-form'
                        ),
                    )); ?>

                <?php if(count($branches) > 1):?>
                    <div class="block"> 
                        <div class="block_heading">
                            <span><i class="icon-share"></i> Chi nhánh</span>
                        </div>
                        <?php echo CHtml::dropDownList('branch_id', NULL, CHtml::listData($branches, 'id', 'name'), array('style' => 'width: 305px', 'empty' => 'Chọn chi nhánh'));?>
                    </div>
                    <?php else:?>
                    <input type="hidden" name="branch_id" value="<?php echo $branches[0]->id?>"/>
                    <?php endif?>

                <div class="block">         
                    <div class="block_heading">
                        <span><i class="icon-user"></i> Khách hàng</span>
                    </div>
                    <table>
                        <tr>
                            <td>
                                <?php $this->widget('zii.widgets.jui.CJuiAutoComplete', array(
                                        //'model'=>$model,
                                        //'attribute'=>'name',
                                        'id'=>'customer_phone',
                                        'name'=>'customer_phone',
                                        'source'=>$this->createUrl('/admin/bill/ajaxSuggestCustomerByPhone'),
                                        'options'=>array(
                                            'delay'=>1000,
                                            'minLength'=>1,
                                            'showAnim'=>'fold',
                                            'search'=>"js:function(event, ui) {
                                                $('#ajax-loading').fadeIn();
                                            }",                                            
                                            'open'=>"js:function(event, ui) {
                                                $('#ajax-loading').fadeOut();
                                            }",
                                            'select'=>"js:function(event, ui) {
                                                console.log(ui.item);
                                                $('input#customer_name').val(ui.item.name);
                                                $('input#customer_address').val(ui.item.address);
                                            }"
                                        ),
                                        'htmlOptions'=>array(
                                            'type'=>'text',
                                            'style'=>'width: 160px; margin-right: 4px',
                                            'placeholder' => 'Số điện thoại',
                                            'autocomplete' => 'on'
                                        ),
                                        'cssFile' => null,
                                    ));?>
                            </td>
                            <td>
                                <?php $this->widget('zii.widgets.jui.CJuiAutoComplete', array(
                                        //'model'=>$model,
                                        //'attribute'=>'name',
                                        'id'=>'customer_name',
                                        'name'=>'customer_name',
                                        'source'=>$this->createUrl('/admin/bill/ajaxSuggestCustomerByName'),
                                        'options'=>array(
                                            'delay'=>1000,
                                            'minLength'=>1,
                                            'showAnim'=>'fold',
                                            'search'=>"js:function(event, ui) {
                                                $('#ajax-loading').fadeIn();
                                            }",                                            
                                            'open'=>"js:function(event, ui) {
                                                $('#ajax-loading').fadeOut();
                                            }",
                                            'select'=>"js:function(event, ui) {
                                                console.log(ui.item); 
                                                $('input#customer_phone').val(ui.item.phone);
                                                $('input#customer_address').val(ui.item.address);
                                            }"
                                        ),
                                        'htmlOptions'=>array(
                                            'type'=>'text',
                                            'style'=>'width: 180px; margin-right: 4px',
                                            'placeholder' => 'Tên khách hàng',
                                            'autocomplete' => 'on'
                                        ),
                                        'cssFile' => null,
                                    ));?>
                                </td>
                            <td><input type="text" id="customer_address" name="customer_address" placeholder="Địa chỉ (có thể để trống)" style="width: 300px;"></td>
                        </tr>
                    </table>
                    <div id="customer_info" class="alert alert-success" style="display: none; border-left: 4px solid #A6D037; padding: 5px 10px;"></div>
                </div>


                <div class="block">         
                    <div class="block_heading" style="float: left; width: 160px; border-right: 1px dotted #ccc; margin-right: 10px;">
                        <span><i class="icon-check"></i> Loại đơn hàng</span>
                    </div>
                    <div id="bill_type" style="float: left;">
                        <input type="radio" name="bill_type" id="bill_type_package" value="PACKAGE" checked="checked"> 
                        <label class="inline" for="bill_type_package">Theo lượt</label>
                        &nbsp; &nbsp; &nbsp; 
                        <input type="radio" name="bill_type" id="bill_type_item" value="ITEM"> 
                        <label class="inline" for="bill_type_item">Theo chiếc</label>
                    </div>
                    <div style="clear: both;"></div>
                </div>


                <div class="block"> 
                    <div class="block_heading"  style="float: left; width: 160px; border-right: 1px dotted #ccc; margin-right: 10px;">
                        <span><i class="icon-inbox"></i> Dịch vụ sử dụng</span>
                    </div>
                    <div id="use_service" style="float: left;">

                        <span class="checkbox_laundry">
                            <input type="checkbox" name="use_service[]" checked="checked" id="use_service_laundry" value="laundry"> 
                            <label class="inline" for="use_service_laundry">Giặt ướt</label>
                        </span>

                        <span class="checkbox_dry">
                            <input type="checkbox" name="use_service[]" checked="checked" id="use_service_dry" value="dry"> 
                            <label class="inline" for="use_service_dry">Sấy khô</label>
                        </span>

                        <span class="checkbox_iron">
                            <input type="checkbox" name="use_service[]" id="use_service_iron" value="iron"> 
                            <label class="inline" for="use_service_iron">Là hơi</label>
                        </span>

                        <span class="checkbox_laundry_dry">
                            <input type="checkbox" name="use_service[]" id="use_service_laundry_dry" value="laundry_dry"> 
                            <label class="inline" for="use_service_laundry_dry">Giặt khô & là hơi</label>
                        </span>
                    </div>
                    <div style="clear: both;"></div>
                </div>

                <div class="block"> 
                    <div class="block_heading">
                        <span><i class="icon-shopping-cart"></i> Chi tiết đơn hàng</span>
                    </div> 
                    <div class="table_item">
                        <div class="item_group"><b>Nhóm</b></div>
                        <div class="item_name"><b>Tên đồ</b></div>
                        <div class="item_gender"><b>Loại</b></div>
                        <div class="item_color"><b>Màu chủ đạo</b></div>
                        <div class="item_more_info"><b>Thông tin thêm</b></div>
                        <div class="laundry"><b>Giặt ướt</b></div>
                        <div class="dry"><b>Sấy khô</b></div>
                        <div class="iron"><b>Là hơi</b></div>
                        <div class="laundry_dry"><b>Giặt khô & là hơi</b></div>
                    </div>      
                    <div class="copy">
                        <div class="item item_group">
                            <select class="select_item_group" name="item_group[]" style="width: 75px;">
                                <option value="">Chọn...</option>
                                <?php foreach(Item::model()->groupData as $k => $v):?>
                                    <option value="<?php echo $k?>"><?php echo $v?></option>
                                    <?php endforeach?>
                            </select>
                        </div>
                        <div class="item item_name">
                            <select class="select_item_name" name="item_name[]" style="width: 125px;">
                                <option value="">---</option>
                            </select>
                        </div>

                        <div class="item item_gender">
                            <select class="select_item_gender" name="item_gender[]" style="width: 75px;">
                                <option value="">---</option>
                                <?php foreach(Item::model()->genderData as $k => $v):?>
                                    <option value="<?php echo $k?>"><?php echo $v?></option>
                                    <?php endforeach?>
                            </select>
                        </div>
                        <div class="item item_color">
                            <select class="select_item_color" name="item_color[]" style="width: 105px;">
                                <option value="">---</option>
                                <?php foreach(Item::model()->colorData as $k => $v):?>
                                    <option value="<?php echo $k?>"><?php echo $v?></option>
                                    <?php endforeach?>
                            </select>
                        </div>
                        <div class="item item_more_info">
                            <input class="input_item_more_info" type="text" name="item_more_info[]" style="width: 195px;">
                        </div>
                        <div class="item laundry">
                            <select class="select_laundry_price" name="laundry_price[]" style="width: 90px;">
                                <option value="">---</option>
                            </select>
                        </div>
                        <div class="item dry">
                            <select class="select_dry_price" name="dry_price[]" style="width: 90px;">
                                <option value="">---</option>
                            </select>
                        </div>

                        <div class="item iron">
                            <select class="select_iron_price" name="iron_price[]" style="width: 70px;">
                                <option value="">---</option>
                            </select>
                        </div>
                        <div class="item laundry_dry">
                            <select class="select_laundry_dry_price" name="laundry_dry_price[]" style="width: 95px;">
                                <option value="">---</option>
                            </select>
                        </div>
                    </div>

                    <div style="clear: both;"></div>

                    <div id="cal_content" style="margin-bottom: 10px; display: none;">
                        <div class="item price_small" style="font-weight: bold; float: left; text-align: right; width: 570px;">
                            Tổng tiền &nbsp; &nbsp; = &nbsp; &nbsp; <span id="total_price">0k</span>
                        </div>
                        <div id="total_price_laundry" class="item laundry price_small">0k</div>
                        <div id="total_price_dry" class="item dry price_small">0k</div>
                        <div id="total_price_iron" class="item iron price_small">0k</div>
                        <div id="total_price_laundry_dry" class="item laundry_dry price_small">0k</div>
                        <div style="clear: both;"></div>
                    </div> 


                    <div style="clear: both;"></div>
                    <div style="margin-top: 10px; text-align: center;">
                        <a class="da-button green small" id="copylink" rel=".copy">Thêm đồ</a>
                        <a class="da-button orange small" id="cal">Xem tổng tiền</a>
                    </div>
                </div>



                <div class="block used_point" style="display: none;"> 
                    <div class="block_heading">
                        <span><i class="icon-retweet"></i> Sử dụng điểm để thanh toán</span>
                    </div>
                    <div>
                        <input type="text" name="used_point" style="width: 195px;">k
                        <div class="show_customer_point alert alert-success"></div>
                    </div>
                </div>

                <div class="block"> 
                    <div class="block_heading">
                        <span><i class="icon-share"></i> <?php echo Bill::model()->getAttributeLabel('status_pay')?></span>
                    </div>
                    <?php echo CHtml::dropDownList('status_pay', NULL, Bill::model()->statusPayData, array('style' => 'width: 305px', 'options' => Bill::model()->getStatusOptionsData(Bill::model()->statusPayData), 'empty' => 'Chọn ...'));?>
                </div>
                <?php /*
                    <div class="block"> 
                    <div class="block_heading">
                    <span><i class="icon-share"></i> <?php echo Bill::model()->getAttributeLabel('status_do')?></span>
                    </div>
                    <?php echo CHtml::dropDownList('status_do', NULL, Bill::model()->statusDoData, array('style' => 'width: 305px', 'options' => Bill::model()->getStatusOptionsData(Bill::model()->statusDoData)));?>
                    </div>
                    <div class="block"> 
                    <div class="block_heading">
                    <span><i class="icon-share"></i> <?php echo Bill::model()->getAttributeLabel('status_return')?></span>
                    </div>
                    <?php echo CHtml::dropDownList('status_pay', NULL, Bill::model()->statusReturnData, array('style' => 'width: 305px', 'options' => Bill::model()->getStatusOptionsData(Bill::model()->statusReturnData)));?>
                    </div>
                    <div class="block"> 
                    <div class="block_heading">
                    <span><i class="icon-share"></i> <?php echo Bill::model()->getAttributeLabel('status')?></span>
                    </div>
                    <?php echo CHtml::dropDownList('status', NULL, Bill::model()->statusData, array('style' => 'width: 305px', 'options' => Bill::model()->getStatusOptionsData(Bill::model()->statusData)));?>
                    </div>
                */?>

                <div style="padding: 10px">   
                    <button type="submit" class="da-button blue" id="btn_create_bill">
                        <i class="icon-ok icon-white"></i> Tạo đơn hàng
                    </button>
                </div>

                <?php $this->endWidget();?>
            </div>
        </div>

    </div>
</div>       

<script type="text/javascript" src="/files/js/relCopy.jquery.js"></script>
<script>     
    $(function(){   

        function getUse(){
            // bill type selected
            var type = $('[name="bill_type"]:checked').val();

            // used services checked
            var use_services = new Array();
            $('input[name="use_service[]"]:checked').each(function(i){
                use_services[i] = $(this).val();
            });

            return [type, use_services];
        }
        // total price
        function getTotalPrice(){  

            var use = getUse();
            var type = use[0];
            var use_services = use[1];
            console.log('type: '+type);
            console.log(use_services);

            var total_price = 0;
            var total_price_laundry = 0;
            var total_price_dry = 0;
            var total_price_iron = 0;
            var total_price_laundry_dry = 0;

            //total_price_laundry = ($.inArray('laundry', use_services) == -1) ? 0 : <?php echo Item::model()->price_package_laundry?>;
            //total_price_dry = ($.inArray('dry', use_services) == -1) ? 0 : <?php echo Item::model()->price_package_dry?>;

            $('select.select_laundry_price').each(function(){
                if($.inArray('laundry', use_services) != -1 && $(this).val() != ''){
                    total_price_laundry += parseInt($(this).val());
                }
            });
            
            $('select.select_dry_price').each(function(){
                if($.inArray('dry', use_services) != -1 && $(this).val() != ''){
                    total_price_dry += parseInt($(this).val());
                }
            });
            
            $('select.select_iron_price').each(function(){
                if($.inArray('iron', use_services) != -1 && $(this).val() != ''){
                    total_price_iron += parseInt($(this).val());
                }
            });

            $('select.select_laundry_dry_price').each(function(){
                if($.inArray('laundry_dry', use_services) != -1 && $(this).val() != ''){
                    total_price_laundry_dry += parseInt($(this).val());
                }
            });



            total_price = total_price_laundry + total_price_dry + total_price_iron + total_price_laundry_dry;

            console.log('total_price_laundry: '+total_price_laundry)
            console.log('total_price_dry: '+total_price_dry)
            console.log('total_price_iron: '+total_price_iron)
            console.log('total_price_laundry_dry: '+total_price_laundry_dry)
            console.log('total_price: '+total_price)

            return [total_price, total_price_laundry, total_price_dry, total_price_iron, total_price_laundry_dry];
        }
        
         

        var priceData = $.parseJSON('<?php echo json_encode(Item::model()->priceData)?>');

        <?php 
            $itemDataArray = Item::model()->itemDataArray;
            unset($itemDataArray['BLANKET'][49]);
            unset($itemDataArray['BLIND'][62]);
            unset($itemDataArray['BLIND'][63]);
            unset($itemDataArray['BLIND'][65]);
        ?>
        var itemData = $.parseJSON('<?php echo json_encode($itemDataArray)?>');

        var phoneRegEx=/^0(\d{9,10})?$/;

        // copy item
        $('#copylink').relCopy({
            limit: 30, 
            append: '<span class="delete btn btn-danger btn-mini" onclick="$(this).parent().remove(); return false"><img src="<?php echo $this->themeUrl?>/files/theme/images/icons/color/cross.png"/></span>'
        }).click(function(){
            $(".select_item_name:last").html('<option value="">---</option>');
            $(".select_iron_price:last").html('<option value="">---</option>');
            $(".select_laundry_dry_price:last").html('<option value="">---</option>');
        });


        // group select
        $('.select_item_group').change(function(i){    
            var val = $(this).val();
            var select_item_name = $(this).parent().parent().children('div.item_name').children('.select_item_name');

            var option_item_names = '<option value="">Chọn...</option>';
            $.each(itemData[val], function(key, value){
                option_item_names += '<option value="'+value.id+'">'+value.name+'</option>';
            });
            select_item_name.html(option_item_names);
        });

        // item select
        $('.select_item_name').change(function(i){
            var val = $(this).val();

            var item_group = $(this).parent().parent().children('div.item_group').children('.select_item_group');
            var use = getUse();
            var type = use[0];
            var use_services = use[1];
            var price = itemData[item_group.val()][val];

            console.log(price);
            
            var select_laundry_price = $(this).parent().parent().children('div.laundry').children('.select_laundry_price');
            var select_dry_price = $(this).parent().parent().children('div.dry').children('.select_dry_price');
            var select_iron_price = $(this).parent().parent().children('div.iron').children('.select_iron_price');
            var select_laundry_dry_price = $(this).parent().parent().children('div.laundry_dry').children('.select_laundry_dry_price');

            select_laundry_price.html('<option value="">---</option><option value="'+price.laundry+'">'+price.laundry+'k</option>');
            select_dry_price.html('<option value="">---</option><option value="'+price.dry+'">'+price.dry+'k</option>');
            select_iron_price.html('<option value="">---</option><option value="'+price.iron+'">'+price.iron+'k</option>');
            select_laundry_dry_price.html('<option value="">---</option><option value="'+price.laundry_dry+'">'+price.laundry_dry+'k</option>');

        });


        // check customer point  
        $('#customer_phone, #customer_name').blur(function(){
            var phone = $('#customer_phone').val();
            console.log(phone);
            if(phone != '' && phone > 0 && phoneRegEx.test(phone)){
                $('#ajax-loading').fadeIn();
                $.get('<?php echo $this->createUrl('/admin/bill/ajaxGetCustomerPoint')?>', {
                    phone: phone,
                    }, function(data){    
                        // show customer info + point
                        if(!data){
                            $('#customer_info').fadeOut().fadeIn().html('Khách hàng mới: '+ phone);
                        }else{
                            $('#customer_info').fadeOut().fadeIn().html('Khách hàng: '+data.name+' ('+data.phone+'). Số điểm tích lũy: <b>'+data.point+'k</b>.');
                        }

                        // input used point        
                        if($('#bill_type_package').is(':checked') && data && data.point >= <?php echo Yii::app()->params->point_use_min?>){
                            $('div.used_point').fadeOut().fadeIn();
                            $('.show_customer_point').html('Số điểm tối đa có thể sử dụng để thanh toán của '+data.name+' ('+data.phone+') là: <b>'+data.point+'k</b>.');
                        }else{
                            $('input.used_point').val('');
                            $('.show_customer_point').html('');
                            $('div.used_point').fadeOut();
                        }
                        $('#ajax-loading').fadeOut();
                    }, 'json');
            }else{
                $('#customer_info').fadeOut().html('');

                $('input.used_point').val('');
                $('.show_customer_point').html('');
                $('div.used_point').hide();
            }
        });

        // when select bill type
        $('input[name="bill_type"]').click(function(){

            // neu giat theo luot  
            if($(this).val() == 'PACKAGE'){

                $('.checkbox_laundry_dry').hide();
                $('#use_service_laundry_dry').attr('checked', false);
                $('.laundry_dry').hide();

                $('#use_service_iron').attr('checked', false);
                $('.iron').hide();

                $('.checkbox_laundry').show();
                $('.checkbox_dry').show();

                // neu giat theo chiec
            }else{  
                $('.checkbox_laundry').hide();
                $('#use_service_laundry').attr('checked', false);
                $('.laundry').hide();

                $('.checkbox_dry').hide();
                $('#use_service_dry').attr('checked', false);
                $('.dry').hide();

                $('#use_service_iron').attr('checked', false);
                $('.iron').hide();

                $('.checkbox_iron').show();
                $('.checkbox_laundry_dry').show();


                $('#use_service_iron').attr('checked', false);
                $('#use_service_laundry_dry').attr('checked', false);


                $('select.select_item_name').each(function(){
                    $(this).val($('option:first', this).val())
                })

                $('select.select_laundry_dry_price').html('<option>---</option>');

            }
        });

        // select checkbox use service
        $('input[name="use_service[]"]').click(function(){

            // nếu là giặt theo chiếc thì chỉ được chọn: là hơi hoặc giặt khô & là hơi
            if($('#bill_type_item').is(':checked')){
                if($(this).is(':checked')){

                    if($(this).val() == 'iron'){
                        $('#use_service_laundry_dry').attr('checked', false);
                        $('.laundry_dry').hide();    
                    }else{
                        $('#use_service_iron').attr('checked', false);
                        $('.iron').hide();
                    }   
                }
            }

            if($(this).is(':checked')){
                $('.'+$(this).val()).show();
            }else{
                $('.'+$(this).val()).hide();
                $('select[name="'+$(this).val()+'_price[]"]').val('0');
            }
        });







        // check before submit
        $('#btn_create_bill').click(function(e){
            var error = false;

            // check branch_id
            if($('[name=branch_id]').val() == ''){
                alert('Chi nhánh phải được chọn');
                $('[name=branch_id]').focus();
                $('html, body').animate({
                    scrollTop: $('[name=branch_id]').offset().top - 100
                    }, 1000);
                return false;
            };     

            var use = getUse();
            var type = use[0];
            var use_services = use[1];



            var total_price_array = getTotalPrice();
            var total_price = total_price_array[0];

            // check customer phone
            var cp = $('[name=customer_phone]');
            if(!phoneRegEx.test(cp.val())){
                alert('Số điện thoại của khách hàng không hợp lệ');
                cp.focus();
                $('html, body').animate({
                    scrollTop: cp.offset().top - 100
                    }, 1000);
                return false;
            };

            // check customer name
            if($('[name=customer_name]').val().length < 4){
                alert('Tên khách hàng phải được điền và không quá ngắn');
                $('[name=customer_name]').focus();
                $('html, body').animate({
                    scrollTop: $('[name=customer_name]').offset().top - 100
                    }, 1000);
                return false;
            };


            // check bill service selected
            if($('input[name="use_service[]"]:checked').length < 1){
                alert('Cần sử dụng ít nhất 1 dịch vụ cho mỗi đơn hàng');
                $('html, body').animate({
                    scrollTop: $('#bill_type').offset().top - 100
                    }, 1000);
                return false;
            };

            // Tên đồ phải được chọn
            $('select[name="item_name[]"]').each(function(i){
                if($(this).val() == ''){
                    error = true;
                    alert('Tên đồ phải được chọn');
                    $(this).focus();
                    $('html, body').animate({
                        scrollTop: $(this).offset().top - 100
                        }, 1000);
                    return false;
                };
            });
            if(error) return false;                   


            // check service prices if type is ITEM
            if(type == "ITEM"){

                // giá Giặt ướt phải được chọn
                if($.inArray('laundry', use_services) > -1){
                    var no_choice = true;
                    $('select[name="laundry_price[]"]').each(function(i){
                        if($(this).val() != '' || $(this).val() != 0){
                            no_choice = false;
                            return false;
                        };
                    });

                    if(no_choice){
                        error = true;
                        var first_select = $('select[name="laundry_price[]"]:first');
                        first_select.focus();
                        $('html, body').animate({
                            scrollTop: first_select.offset().top - 100
                            }, 1000);
                        alert('Đơn hàng có sử dụng dịch vụ Giặt ướt nên phải chọn ít nhất 1 đồ có giá Giặt ướt.');
                        return false;
                    } 
                }

                // giá sấy khô phải được chọn
                if($.inArray('dry', use_services) > -1){
                    var no_choice = true;
                    $('select[name="dry_price[]"]').each(function(i){
                        if($(this).val() != '' || $(this).val() != 0){
                            no_choice = false;
                            return false;
                        };
                    });
                    if(no_choice){
                        error = true;
                        var first_select = $('select[name="dry_price[]"]:first');
                        first_select.focus();
                        $('html, body').animate({
                            scrollTop: first_select.offset().top - 100
                            }, 1000);
                        alert('Đơn hàng có sử dụng dịch vụ sấy khô nên phải chọn ít nhất 1 đồ có giá sấy khô.');
                        return false;
                    } 
                }

                // giá là hơi phải được chọn
                if($.inArray('iron', use_services) > -1){
                    var no_choice = true;
                    $('select[name="iron_price[]"]').each(function(i){
                        if($(this).val() != '' || $(this).val() != 0){
                            no_choice = false;
                            return false;
                        };
                    });  
                    if(no_choice){
                        error = true;
                        var first_select = $('select[name="iron_price[]"]:first');
                        first_select.focus();
                        $('html, body').animate({
                            scrollTop: first_select.offset().top - 100
                            }, 1000);
                        alert('Đơn hàng có sử dụng dịch vụ là hơi nên phải chọn ít nhất 1 đồ có giá là hơi.');
                        return false;
                    } 
                }

                // giá giặt khô phải được chọn
                if($.inArray('laundry_dry', use_services) > -1){
                    var no_choice = true;
                    $('select[name="laundry_dry_price[]"]').each(function(i){
                        if($(this).val() != '' || $(this).val() != 0){
                            no_choice = false;
                            return false;
                        };
                    });
                    if(no_choice){
                        error = true;
                        var first_select = $('select[name="laundry_dry_price[]"]:first');
                        first_select.focus();
                        $('html, body').animate({
                            scrollTop: first_select.offset().top - 100
                            }, 1000);
                        alert('Đơn hàng có sử dụng dịch vụ giặt khô nên phải chọn ít nhất 1 đồ có giá giặt khô.');
                        return false;
                    } 
                }


                if(error) return false; 
            }


            // Neu item la Giat thi phai Say moi cho La
            var laundry_price, dry_price, iron_price; 
            $('div.copy').each(function(i){           
                laundry_price   = $(this).children('.item').children('.select_laundry_price');     
                dry_price       = $(this).children('.item').children('.select_dry_price');     
                iron_price      = $(this).children('.item').children('.select_iron_price');
                laundry_dry_price      = $(this).children('.item').children('.select_laundry_dry_price');

                if(laundry_price.val() > 0 && dry_price.val() == '' && iron_price.val() > 0){
                    error = true;
                    alert('Đồ muốn Là Hơi sau khi Giặt ướt thì bắt buộc phải Sấy Khô trước');
                    dry_price.focus();
                    $('html, body').animate({
                        scrollTop: $(this).offset().top - 100
                        }, 1000);
                    return false  
                } 

                // Neu Loai don hang la Giat theo chiec thi moi 1 item phai su dung it nhat 1 dich vu
                if(type == "ITEM"){

                    if(
                        (laundry_price.val() == '' || laundry_price.val() == 0) && 
                        (dry_price.val() == '' | dry_price.val() == 0) &&
                        (iron_price.val() == '' || iron_price.val() == 0) && 
                        (laundry_dry_price.val() == '' || laundry_dry_price.val() == 0)
                    ){
                        error = true;
                        alert('Mỗi đồ giặt phải sử dụng ít nhất 1 dịch vụ');
                        $(this).focus();
                        $('html, body').animate({
                            scrollTop: $(this).offset().top - 100
                            }, 1000);
                        return false; 
                    }

                }
            });

            if(error) return false;


            // check use point
            var used_point = $('input[name=used_point]');
            // Neu su dung diem de thanh toan
            if(used_point.val() != ''){
                // kiem tra gia tri nhap phai la so
                if(isNaN(used_point.val()) || parseInt(used_point.val()) < 0){
                    error = true;
                    alert('Điểm thanh toán được sử dụng phải là 1 số nguyên dương');
                    used_point.focus();
                    $('html, body').animate({
                        scrollTop: used_point.offset().top - 100
                        }, 1000); 
                    return false;

                }else if($('#bill_type_item').is(':checked')){
                    alert('Chỉ được dùng điểm cho đơn hàng Giặt ướt, Sấy Khô');
                    used_point.focus();
                    $('html, body').animate({
                        scrollTop: used_point.offset().top - 100
                        }, 1000);
                    return false; 

                }else if(parseInt(used_point.val()) > total_price){
                    alert('Số điểm dùng ('+used_point.val()+') không được lớn hơn tổng tiền của đơn hàng ('+total_price+')');
                    used_point.focus();
                    $('html, body').animate({
                        scrollTop: used_point.offset().top - 100
                        }, 1000);
                    return false; 
                }
            }
            // check status_pay
            if($('#status_pay').val() == ''){
                alert('Trạng thái đơn hàng phải được chọn');
                $('#status_pay').focus();
                $('html, body').animate({
                    scrollTop: $('#status_pay').offset().top - 100
                    }, 1000);
                return false;
            }; 


            if(error) return false;
        });



        // preview click
        $('#cal').click(function(){

            var total_price_array = getTotalPrice();
            var total_price = total_price_array[0];
            var total_price_laundry = total_price_array[1];
            var total_price_dry = total_price_array[2];
            var total_price_iron = total_price_array[3];
            var total_price_laundry_dry = total_price_array[4];


            $('#total_price_laundry').text(total_price_laundry + 'k');
            $('#total_price_dry').text(total_price_dry + 'k');
            $('#total_price_iron').text(total_price_iron + 'k');
            $('#total_price_laundry_dry').text(total_price_laundry_dry + 'k');
            $('#total_price').text(total_price + 'k');
            $('#cal_content').fadeOut().fadeIn();
        });


    });
</script>



